{{> metabase/email/_header }}
  <div style="text-align: center;">
    <div style="padding: 0.25em 0em .25em 0em; text-align: center; margin-left: auto; margin-right: auto; max-width: 400px; position: relative;">
      <table width="296" height="141" cellpadding="0" cellspacing="0" style="display:block;margin:0 auto;">
        <tr><td colspan="3"><img src="http://static.metabase.com/email_graph_top.png" width="296" height="73" style="display:block" /></td></tr>
        <tr>
          <td height="15" width="60"><img src="http://static.metabase.com/email_graph_left.png" width="60" height="15" style="display:block" /></td>
          <td height="15" width="68" valign="middle" align="center" style="font-weight: bold; font-size: 0.6rem; line-height:15px;color: #fff; background-color:#333">{{{today}}}</td>
          <td height="15" width="168"><img src="http://static.metabase.com/email_graph_right.png" width="168" height="15" style="display:block" /></td></tr>
        <tr><td colspan="3" height="46"><img src="http://static.metabase.com/email_graph_bottom.png" width="296" height="56" style="display:block" /></td></tr>
      </table>
      <p style="line-height: 1.3rem; font-size: 12px; color: #949AAB;">{{invitedName}}'s happiness and productivity over time</p>
    </div>
    <div>
      <h2 style="font-weight: bold; color: #4C5773; line-height: 2rem;">{{invitorName}} wants you to join them on {{applicationName}}</h2>
    </div>
    <div style="max-width: 500px; margin-left: auto; margin-right: auto; line-height: 1.5rem; color: #4C5773;">
      <p>{{applicationName}} is a simple and powerful analytics tool that lets you easily <strong>ask questions</strong> and <strong>get answers</strong> about your company’s data.
    </div>
    <div style="padding: 1.25em 0 1em 0;">
      <a style="display: inline-block; box-sizing: border-box; text-decoration: none; font-size: 1rem; padding: 0.8rem 2.25rem; background: #FBFCFD; color: #444; cursor: pointer; text-decoration: none; font-weight: bold; border-radius: 6px; background-color: #509EE3; color: #fff;" href="{{joinUrl}}">Join now</a>
    </div>
  </div>
</div>
</body>
</html>
